<template>
  <router-view/>
</template>

<script>

    export default {
        name: 'App',
        methods: {
            goback() {
                this.$router.go(-1)
            }
        }
    }
</script>

<style>
  .mt-10 {
    margin-top: 20px;
  }

  #app {
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    margin-top: 60px;
  }

  .mt-1 {
    margin-top: 2px;
  }

  .mt-2 {
    margin-top: 4px;
  }

  .mt-3 {
    margin-top: 6px;
  }

  .mt-4 {
    margin-top: 8px;
  }

  .mt-5 {
    margin-top: 10px;
  }

  .ml-1 {
    margin-left: 2px;
  }

  .ml-2 {
    margin-left: 4px;
  }

  .ml-3 {
    margin-left: 6px;
  }

  .ml-4 {
    margin-left: 8px;
  }

  .ml-5 {
    margin-left: 10px;
  }

  .ml-15 {
    margin-left: 20px;
  }

  .mb-1 {
    margin-bottom: 2px;
  }

  .mb-2 {
    margin-bottom: 4px;
  }

  .mb-3 {
    margin-bottom: 6px;
  }

  .mb-4 {
    margin-bottom: 8px;
  }

  .mb-5 {
    margin-bottom: 10px;
  }

  .mr-1 {
    margin-right: 2px;
  }

  .mr-2 {
    margin-right: 4px;
  }

  .mr-3 {
    margin-right: 6px;
  }

  .mr-4 {
    margin-right: 8px;
  }

  .mr-5 {
    margin-right: 10px;
  }

  /*全局文字位置*/
  .textcenter {
    text-align: center;
  }

  .textright {
    text-align: right;
  }

  .textleft {
    text-align: left;
  }

  /*全局圆角*/
  .radius {
    border-radius: 50%;
  }

  /*全局颜色*/
  .red {
    color: red;
  }

  .blue {
    color: #03a9ff;
  }

  .yellow {
    color: #e6e438;
  }

  /* 全局边框样式*/

  .borderr {
    border-right: 2px solid #e4e4e4;
  }

  .borderl {
    border-left: 2px solid #e4e4e4;
  }

  .borderb {
    border-bottom: 2px solid #e4e4e4;
  }

  .bordert {
    border-top: 2px solid #e4e4e4;
  }

  /*全局flex*/
  .flex {
    display: flex;
  }

  /**/
  body {
    cursor: default;
  }

  /* 全局浮动*/
  .flex {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
  }

  /*头部*/
  .el-header {
    background-color: #1E9FFF;
    color: #fff;
    line-height: 60px;
  }

  /*主体*/
  .el-main {
    /*height: 800px;*/
  }

  /*侧边栏*/
  .el-aside {
    width: 800px;
    color: #C2C6CD;
    background-color: #344058;
  }

  .el-container {
    height: 100%;
    border: 0px solid #eee
  }

  /*侧边栏样式*/
  .table {
    height: 50px;
    text-align: left;
    width: 150px;
    padding-left: 30px;
    line-height: 50px;
  }

  .table_click {
    height: 50px;
    text-align: left;
    width: 150px;
    padding-left: 30px;
    line-height: 50px;
    /*font-size: 18px;*/
    color: #fff;
    background: #1B8FE5;
  }

  .left_tabs {
    margin-top: 30px;
  }

  .table:hover {
    /*font-size: 18px;*/
    color: #fff;
    background-color: #2E3A50;
  }

  * {
    margin: 0;
  }

  .el-menu-vertical-demo:not(.el-menu--collapse) {
    width: 200px;
    min-height: 400px;
  }

  .fixation {
    position: fixed;
    top: 48px;
    left: 0;
  }
</style>
